<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>

    <div id="loading">loading</div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img class="my" src="./images/me.png" alt="">

                <p class="ani p1" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">一名前端<i class="iconfont icon-amy-dog" style="color:#fff;"></i>的自白</p>
                <div class="information">
                    <span>李伟波 </span>
                    <span>微信：nicaicai  </span>
                    <span>手机：15869043473</span>
                </div>    

            </div>
            <div class="swiper-slide">
                    <p class="ani p2" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" >准备好了嘛？</p>


            </div>
            <div class="swiper-slide">
                <button id="enter" class="ani p3" swiper-animate-effect="tada" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" >进入装逼模式</button>
            </div>
        </div>
    </div>


    <div id="mainContainer">
         <div id="header">
             <i id="location" class="iconfont icon-location" style="color:#ccc;"></i>
             我的简历
             <i id="qrcode" class="iconfont icon-qrcode" style="color:#ccc;"></i>
         </div>

            <div id="wrapper">
            <div id="scroller">
                <ul>

                </ul>
            </div>
        </div>

        <div id="footer">
            <ul>
                <li id="skill">技能<i class="iconfont icon-navlist" style="color:red;"></i></li>
                <li id="project">项目<i class="iconfont icon-rejectedorder" style="color:red;"></i></li>
                <li id="work">经历<i class="iconfont icon-agriculture" style="color:green;"></i></li>
                <li id="me">关于我<i class="iconfont icon-bussinessman" style="color:red;"></i></li>
            </ul>
        </div>
    </div>
    
    <script src="js/index.js"></script>

</body>

</html>